<template>
  <div class="official java aaa">
    <dl>
      <dt>java相关官网</dt>
      <dd>
        <a target="_blank" href="https://www.java.com/zh-CN/">
          <div class="select-box">
            <div class="img-box"><img v-bind:src="src[0]" alt=""></div>
            <div class="java-title aaa-title"><span>java</span>下载</div>
          </div>
        </a>
      </dd>
      <dd><a target="_blank" href="https://spring.io/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[1]" alt=""></div>
          <div class="java-title aaa-title"><span>spring</span>官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://struts.apache.org/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[2]" alt=""></div>
          <div class="java-title aaa-title"><span>struts</span>官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="http://hibernate.org/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[3]" alt=""></div>
          <div class="java-title aaa-title"><span>hibernate</span>官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://mybatis.org/mybatis-3/zh/index.html">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[4]" alt=""></div>
          <div class="java-title aaa-title"><span>mybatis</span>官方文档</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://baomidou.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[5]" alt=""></div>
          <div class="java-title aaa-title"><span>mybatis-plus</span>官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://druid.apache.org/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[6]" alt=""></div>
          <div class="java-title aaa-title"><span>druid</span>官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://dubbo.apache.org/zh/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[7]" alt=""></div>
          <div class="java-title aaa-title"><span>dubbo</span>官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://maven.apache.org/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[8]" alt=""></div>
          <div class="java-title aaa-title"><span>maven</span>官网</div>
        </div>
      </a></dd>
      <dd><a target="_blank" href="https://www.thymeleaf.org/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[9]" alt=""></div>
          <div class="java-title aaa-title"><span>thymeleaf</span>官网</div>
        </div>
      </a>
      </dd>
      <dd><a target="_blank" href="https://solr.apache.org/">
        <div class="select-box">
          <div class="img-box"><img src="https://img1.baidu.com/it/u=2037297929,1846668065&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
          <div class="java-title aaa-title"><span>solr</span>官网</div>
        </div>
      </a>
      </dd>

    </dl>

  </div>

</template>

<script>
export default {
  name: 'java-official',
  data () {
    return {
      src: [require('../../../../../assets/java-icon/1.jpeg'),
        require('../../../../../assets/java-icon/spring.png'),
        require('../../../../../assets/java-icon/struts.png'),
        require('../../../../../assets/java-icon/hb.png'),
        require('../../../../../assets/java-icon/mybatis.png'),
        require('../../../../../assets/java-icon/mybatis-puls.png'),
        require('../../../../../assets/java-icon/druid.png'),
        require('../../../../../assets/java-icon/dubbo.png'),
        require('../../../../../assets/java-icon/maven.png'),
        require('../../../../../assets/java-icon/thymeleaf.png')
      ]
    }
  }
}
</script>

<style scoped lang="scss">
@import "~@/assets/css/t5.scss";
</style>
